@import './variables';
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
.clear {
    clear: both;
}
body {
    font-size: 16px;
    overflow: auto;
    color:#222;
    min-width: 1400px;
}
.ant-input:hover,.ant-input:focus {
    border-color: $primary-color;
    -webkit-box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
    box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
}
.ant-input-password:hover,.ant-input-password:focus,.ant-input-password:active {
    border-color: $primary-color;
    -webkit-box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
    box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
}
.ant-select-selection:hover {
    border-color: rgba($color: $primary-color, $alpha: 0.8);
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
    border-color: rgba($color: $primary-color, $alpha: 0.8);
    -webkit-box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
    box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
}
.ant-input-number-input-wrap:focus,
.ant-input-number-input-wrap:active {
    border-color: rgba($color: $primary-color, $alpha: 0.8);
    -webkit-box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
    box-shadow: 0 0 0 2px rgba($color: $primary-color, $alpha: 0.2);
}
.ant-checkbox-checked .ant-checkbox-inner {
    background-color: $primary-color;
    border-color: $primary-color;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
    background-color: $primary-color;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner, 
.ant-checkbox:hover .ant-checkbox-inner, 
.ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: $primary-color;
}
.ant-radio-checked .ant-radio-inner {
    border-color: $primary-color;
}
.ant-radio-inner::after {
    background-color: $primary-color;
}
.ant-radio-checked::after {
    border-color: $primary-color;
}
.ant-radio-wrapper:hover .ant-radio, 
.ant-radio:hover .ant-radio-inner, 
.ant-radio-input:focus + .ant-radio-inner {
    border-color: $primary-color;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
    border-color: $primary-color;
    background-color: $primary-color;
}
.ant-tree-checkbox-checked::after {
    border-color: $primary-color;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner, 
.ant-tree-checkbox:hover .ant-tree-checkbox-inner, 
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
    border-color:$primary-color;
}
a,.ant-btn-link {
    color:$primary-color;
}

.ant-layout-content {
    background:#fff;
}
.ant-layout-header {
    padding:0;
    background:$base-color;
    .logo {
        width:435px;
        height:74px;
        float:left;
        img {
            width:100%;
            height:100%;
        }
    }
    .user {
        float:right;
        height:48px;
        margin-top:12px;
        color:#fff;
        margin-right: 20px;
        .ant-avatar {
            float:right;
            margin-left: 10px;
        }
        .username {
            height:24px;
            line-height: 24px;
            width:220px;
            text-align: right;
        }
        .dept {
            height:24px;
            line-height: 24px;
            width:220px;
            text-align: right;
        }
    }
    .nav {
		float:right;
		height:60px;
		margin:7px 0 0 0;
		line-height:25px;
		padding:5px 0;
        padding-right:20px;
        margin-right:100px;
		.navList {
			text-align:right;
			span {
				margin:0 8px;
				color:#fff;
			}
			a {
				line-height:50px;
				color:#fff;
			}
			a:hover {
				color:$primary-color;
				text-decoration:underline;
			}
			.router-link-active {
				color:$primary-color;
			}
		}
    }
}
.sider-inner {
    width: 248px;
    background: #fff;
    box-shadow: 1px 1px 10px 3px #ddd;
    height: 100%;
    padding-top: 20px;
    position: relative;
    .switch {
        height:10px;
        background:$base-color;
        font-size: 12px;
        color:#fff;
        margin:0;
        padding:0;
        margin-top:-20px;
        cursor: pointer;
        .anticon {
            float:left;
        }
    }
    .list {
        margin-top: 10px;
        height:100%;
        overflow: auto;
        .reback-nav {
            list-style: none;
            padding:20px 20px;
            li {
                padding:0 30px;
                height:32px;
                line-height: 32px;
                border-radius: 4px;
                margin-bottom: 10px;
                cursor: pointer;
            }
            .on {
                background:$base-color;
                color:#fff;
            }
        }
    }

    .userinfo {
        position: absolute;
        bottom:0;
        width:100%;
        left:0;
        text-align: center;
        dt {
            font-size: 30px;
        }
        dd {
            margin:0;
        }
    }
}
.ant-layout-content {
    padding:10px 10px 15px;
}



.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background: #F3F9EB;
}

.module-name {
    border-bottom:1px solid #ecedee;
    height:40px;
    .name {
        display: inline-block;
        height:40px;
        line-height: 38px;
        border-bottom: 2px solid $base-color;
        padding:0 10px;
    }
}

.ant-modal-body {
    .btns {
        text-align: center;
        padding:40px 0 20px 0;
        button {
            margin:0 20px;
        }
        .ant-btn-primary {
            background-color: $primary-color;
            border-color: $primary-color;
        }
        .ant-btn-background-ghost.ant-btn-primary {
            color:$primary-color;
            border-color: $primary-color;
        }
    }
    .btns2 {
        button {
            margin:0;
        }
    }
}
.ant-modal-confirm-body-wrapper {
    .ant-btn:hover {
        color:$primary-color;
        border-color: $primary-color;
    }
    .ant-btn-primary,.ant-btn-primary:hover {
        background-color: $primary-color;
        border-color: $primary-color;
        color:#fff;
    }
}
.m-colorPicker .colorBtn {
    width:20px !important;
    height:20px !important;
}